@charset "utf-8";
@back_header:url('../images/h_bg.jpg') no-repeat 50% 0;/*头部背景*/
@back_nav:url('../images/nav_bg.png') no-repeat;/*导航背景*/
@back_nav_li:url('../images/nav_l_bg.jpg') no-repeat right center;/*导航隔离条*/
@back_nav_li_ah:url('../images/nav_a_bg.jpg') no-repeat top center;/*鼠标移上去背景*/
@back_h_ba:url('../images/ha_bg.png');/*滚动背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/footer_bg.jpg') no-repeat #ccc;/*底部背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/
@qt2:url('../images/neiye_title.jpg') no-repeat;/*其他图片2号*/
@qt3:url('../images/qt3_bg.png');/*其他图片3号*/
@qt4:url('../images/qt4_bg.png');/*其他图片4号*/
/*全局---头部----主体（主页）----底部---侧边---内页--*/
@b_w:1100px; /*网站宽度*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
li{list-style: none;}
.bk(@a:#000,@b:1px,@c:1px,@d:solid){border:@b @d @a;border-radius:@c;} /*边框*/
.img_max(@a:auto,@b:auto){max-width:@a;max-height:@b;} /*最大最小*/
.jz_h(@a:40px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/
.left{float:left;}
.main2{margin:0 auto;width:@b_w;}
.main3{margin:0 auto;width:@b_w;}
.main{margin:0 auto;width:@b_w;}
.off{display:none;} /*隐藏*/
.right{float:right;}
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
.title{font-family: '微软雅黑';} /*所有.title样式内容使用微软雅黑*/
ul{padding: 0;margin:0;}
a,a:hover{color: #999;text-decoration: none;}
/*-------------------------------*/
body{background:url(../images/bg.jpg) repeat-x #fff;margin: 0; font-size: 12px;font-family:'Arial',"宋体";p{font-family: 'Arial';}}
.wrap{margin:0 auto; width:@b_w;margin-top: 10px;width:1100px;}
.header { background: url('../images/header_bg.jpg') no-repeat top center; height: 212px;margin: 0 auto; width:@b_w;}
        .t1{height: 34px;width: 1100px;}
        .welcom{line-height: 34px;background: url(../images/laba.jpg)no-repeat 8px center;padding-left: 30px;color: #959595;float: left;}
		.top { height: 163px; 
			.logo { float: left;margin: 35px 0 0 10px;}
			.utility { float: right; height: 34px; line-height: 34px;  text-align: right;color: #959595;
				a { display: inline-block; color: #959595; 
					&:hover { color: #959595; }
				}
			}
			.top_le{float: left;width: 691px;}
			.search{width: 335px;float: left;margin-top: 50px;margin-left: 80px;}
			.top_ri{float: right;}
			.submit{border: 0px;}.key{border: 0px;}
			
			.tel {background: url('../images/tel.jpg') no-repeat;width: 391px; height: 59px;float: right;  clear: right;margin-top: 39px; }
		}
	.newsList { width:255px; margin:0 auto;float: left;padding-top: 5px; }
		.newsList_li { background: url('../images/n.jpg') no-repeat 10px 50%; line-height:33px; height: 33px; padding-left: 20px; float: left;}
		.newsList_li a { color: #00315a; }	

	.productsList { width:173px; margin:0 auto; }
		.productsList li { background: url('../images/f.jpg') no-repeat 10px 50%;   line-height:32px; height: 32px; padding-left: 40px;background-color: #0576b8; margin-top: 7px;}
		.productsList li a { color: #fff; }		
@height_nav:49px; /*导航条高度*/
@nav_li_w:137px; /*导航条宽度*/
@nav_li_color:#fff;  /*导航条文字颜色*/
@ba_w1:1500px; /*滚动图片宽度*/
@ba_h1:483px; /*滚动图片高度*/
	.banner{padding-top: 2px; background:@back_h_ba;margin:0px auto;height: @ba_h1;max-width:@ba_w1;overflow: hidden;padding: 0px;_width: @ba_w1;	ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}}
	.footer{ width:100%; height:143px;  text-align:center; background:url(../images/footer_bg.jpg) repeat-x; color:#000; float: left;margin-top: 20px;}
	    .ff_nav{margin-left: 166px; height: 34px;color: #e4e4e4;line-height: 34px;}
	    .ff_nav li{width: 100px;float: left;background: url(../images/ff_nav.jpg)no-repeat right center; a{color: #ffffff; font-weight:bold;}}
		.ff{ width:@b_w; margin:0 auto; line-height:30px;color: #666666;}
		.ff a{ color:#666666;}
#Contact{background: none;}			
.mainBody{}
.c1{margin-top: 18px;background: url(../images/c1.jpg)no-repeat;height: 121px;width: 1100px;}
.c1qq{width: 174px;height: 36px;float: right;margin: 80px 90px 0 0;}
.c2_le{width: 201px;float: left;margin-top: 17px;}
.lett{height: 49px;}
.letx{width: 201px;margin: 0 auto;}
.c2_ri{float: right;margin-top: 17px; }
.ritt{height: 57px;background: url(../images/ritt.jpg)no-repeat;}
.ritx{width: 820px;margin-top: 16px;border: 1px dotted #C5C5C5;}
.c4{margin-top: 15px;width: 819px;float: left;margin-bottom: 12px;}
.c4tt{width: 779px;height: 39px;background: url(../images/cp.jpg)no-repeat;line-height: 39px;padding-left: 40px;color: #fff;font-family: '微软雅黑';font-size: 14px; span{float: right;color: #848484;padding-right: 10px;}}
.c4tx{padding: 15px 0 0 15px;border: 1px solid #eeeeee;border-top: none;height: 202px;line-height: 36px;color:#848484; }
.cptu{background: url(../images/cptu.jpg)no-repeat;padding: 10px 0 0 10px;height: 189px;float: left;margin-right: 10px;width: 261px;}
.shiping{width: 270px;float: right;margin-top: 15px;margin-bottom: 12px;}
.sptt{height: 39px;background: url(../images/sp.jpg)no-repeat;width: 230px;line-height: 39px;padding-left: 40px;color: #fff;font-family: '微软雅黑';font-size: 14px; span{float: right;color: #848484;padding-right: 10px;}}
.sptx{height: 207px;border: 1px solid #eeeeee;border-top: none;padding: 10px 0 0 10px;}
.c5{}
.c5tt{background: url(../images/c5tt.jpg)no-repeat;height: 39px;width: 1060px;float: left;padding-left: 40px;font-family: '微软雅黑';font-size: 14px;line-height: 39px;color: #fff; span{float: right;padding-right: 10px;}}
.c5tx{height: 203px;border: 1px solid #eeeeee;width: 1098px;padding-top: 10px;float: left;}

.ss{background: url(../images.ss.jpg)no-repeat;}
.lianjie{width: 1100px;margin-top: 10px;height: 30px;line-height: 30px;}



#Mleft{}
#Mright{float: right;margin:0 0px 0 auto;width:880px;margin-top: 10px;}
	.right_main{
     
	 padding: 10px;
}




.picture{ float:left; width:220px; height:230px; overflow:hidden; display:inline; margin-left:3px;margin-right:3px; }
.picture1{   
    height:215px;
	width:220px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
  }

.picture2{width:220px; height:20px; text-align:center; line-height: 20px;}
.picture1 img{ vertical-align:middle; width:215px; height:188px;}

.picturea{ float:left; width:187px; height:192px; overflow:hidden;  padding:0px; margin-left:28px;_width:197px;}
.picture1a{    
	width:180px;
	height:155px;
	line-height: 155px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
	_font-size:130px;
  }

.picture2a{width:180px; height:20px; text-align:center; margin-top:5px;line-height: 25px;}
.picture1a img{ vertical-align:middle; border:0;}





/********消除浮动<div class="clear2"></div>*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
	&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;} 
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
#KinSlideshow {
	position:relative;margin-top: 2px;
	ul{margin:0;padding:0;
		li{.left;margin:0;padding:0;
			a{.left;}
		}
	}
	/*大图导航圆点样式*/
	ol{position: absolute;bottom: 10px;width:100%;margin:0;left:0;text-align:center;
		li{cursor: pointer;display:inline-block;display:inline\9;width: 15px;height: 15px;border-radius:15px;font-size: 10px;padding: ~"0 3px\9"; opacity:0.8;background: #ccc;color: #ccc;margin: 0 1px;}
		.active{opacity:1;color: #000;background:#000;}
	}
}


.header{
	
	.nav{
		background-position:0 0px;background:@back_nav;height:@height_nav;margin-bottom: 0px;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;background: url(../images/daohan.jpg)no-repeat center center;
				
			}
		}
		#Index{}
		li{.left;
			background:@back_nav_li; height: @height_nav;position:relative;text-align: center;width: @nav_li_w; 
			z-index: 1000;
			a{
				background:@back_nav_li_ah;
				background-position:50% -@height_nav;
				color:@nav_li_color;
				display:block;
				font-family: "微软雅黑";
				font-size:14px; 
				height:@height_nav;
				line-height: @height_nav; 
				margin: 0px auto;
				text-decoration: none;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				
			}
			&:hover{.lon;}
		}
		
		.dropdown{
			.dropdown-menu{
				background: rgba(255, 255, 255, 0.7);
				min-width: @nav_li_w;
				padding: 6px 0;
				width:@nav_li_w;
				z-index: 10000;
				li{
					background: none;
					a{
						background: none;
						color: #555;
						font-weight: 100;
					}
					&:hover{
						a{
							background: #FCFCFC;
							border-radius:5px; 
							color:#555;
						}
					}
				}
			}
		}
		.nav-li{
			position: static;
			.nav-div{
				/*display: none;*/
				background: #f00;
				float: left;
				left: @nav_li_w;
				overflow: hidden;
				padding: 6px 0;
				position: absolute;
				top: 0px;
				width: 0px;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
			}
			&:hover{
				.nav-div{
					width: 100px;
				}
				
			}
		}
	}
}



/********************************************************内页******************************************************************/


.well{background: #FCFCFC;}
	.news_list{margin: 0 auto;
		li{
			background: url('../image/list_li.gif') no-repeat 5px 50%;
			border-bottom: 1px dotted #b98424;padding: 5px 20px;
			margin: 0 auto;
			width: 90%;height:25px; line-height:25px;
			a{
			}
			span{.right;
			}
		}
	}

/********公司简历**********/
.article{
		background-color: #fcfcfc;
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		
		
	img{max-width:100%;}
	.well{}
	.title{.jz_h(56px);
		border-bottom: 1px solid #dbdbdb;
		color: #049b35;
		margin:0px auto 0px;
		font-family: '微软雅黑';
		font-size: 15px;
		h4{.left;
			font-size: 14px;
			color: #049b35;
			line-height: 56px;
			padding-left:15px;font-weight: 100;margin: 0;
			font-family: '微软雅黑';
		    font-size: 15px;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color: #049b35;
			}
		}
	}
	.com_con{padding:10px;line-height: 25px;border: 1px solid #d2d2d2;border-top: none;; }
	.content{margin: 25px;}
}
.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px;
	#page_num{width: 50px;margin-top: 6px;}
	a{display:inline-block;height:18px;line-height:18px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000;
		&:hover{.jz_h;
			background:#404040;border:none;padding:0 3px 0;color:#fff;
		}
	}
}
.pn{
	font-size: 14px;
	height: 19px;
	margin:25px; 
	padding:8px 14px;
	position: relative;
	.pn-left{.left;
		width: 48%;
		b{.left;
			margin-top: 2px;
		}
	}
	.pn-right{
		width: 48%;
		float: right;
		text-align: right;
		b{.right;
			margin-top: 2px;
		}
	}
	a{
		display: block;
		text-decoration: none;
		color:#383737;
		&:hover{
			color:#f00;
		}
		b{}
		span{bottom: 1px;margin: 0 10px; font-family: "微软雅黑";.slh;display: block;}
	}
	
}
/********留言页面**********/
.order{margin:20px 0 120px 150px;line-height:40px;
	img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/

.table{
	margin: 10px auto;
	width: 98%;
	tr{
		td{
			&:hover{}
		}
	}
}
/*带图片样式*/
.news-img{
	 ul{
	 	margin: 0;
		li{
			_width: 100px;
			_float:left; 
			_margin: 0 9px;
			.thumbnail{
				img{
					_float:left;
				}
				transition: all .3s;
				-moz-transition: all .3s;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				.caption{
					_float: left;
					h3{.slh;
						text-align: left;
						margin-bottom: 10px;
					}
				}
			}
			&:hover{
				.thumbnail{
					margin-left: 20px;

					-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
				}
			}
			
		}
	}
}


/********人才招聘**********/
#Jobs-table{
	width: 95%;
	margin: 0 auto;
	thead{
		tr{
			th{

			}
		}
	}
	tbody{
		tr{
			&:hover{
				td{
					background:transparent;
				}
			}
			td{
				&:hover{
					background:transparent;
				}
			}
		}
	}
}
/********详情页面-产品展示**********/
.cpzs{
	ul{margin:10px auto;
		li{}
	}
	.div_main{          
		margin: 0 10px;}
	.div_Image{text-align:center;
		height: 329px;
		overflow: hidden;
		 img{height:329px;max-width:100%;}
	}
	.div_Title{text-align:center;margin: 10px;}
	.div_Content{}
}
/********用户管理**********/
.vip-user{
	background: url('../image/login_bg_2.jpg');
}

.xxsmys {
	width: 700px;
	height: 30px;
	line-height: 30px;
	background-color: #ececec;
}

.xxsmwz {
	width: 88px;
	height: 30px;
	color: #FFF;
	text-align: center;
	display: block;
	background-color: #9a9a9a;
}